<template>
    <el-skeleton animated style="width: 100%;height: 319px;background-color: #fff;border-radius: 15px;">
    <template #template>
      <div style="padding: 14px;width: 100%;box-sizing: border-box;">
        <div style="display: grid;grid-template-columns: 40% 1fr;grid-column-gap: 14px;">
          <div>
            <el-skeleton-item variant="p" style="width: 100%; height: 50px" />
            <el-skeleton-item variant="h3" style="width: 100%; height: 100px" />
            <el-skeleton-item variant="p" style="width: 100%; height: 40px" />
          </div>
          <div>
            <el-skeleton-item variant="p" style="width: 100%; height: 200px" />
          </div>
        </div>
        <div>
          <el-skeleton-item variant="p" style="width: 100%; height: 80px" />
        </div>
      </div>
    </template>
  </el-skeleton>
</template>
<script setup name="WeatherSkeletion"></script>